<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"    
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      template="/pages/templates/template.xhtml">
    <ui:define name="head">
        <title>Index</title>
    </ui:define>
    <ui:define name="body">
        <f:event type="preRenderView" 
                 listener="#{gruposAdminController.consultarGrupos()}" />
        
        <h:form id="formGrupos">
            <!--            <p:messages autoUpdate="true" showDetail="true" />-->
            <p:growl id="confirm" autoUpdate="true" showDetail="true" />
            
            <br/>
            <p:commandButton value="Crear Grupo"
                             action="#{gruposAdminController.initCreate()}" 
                             ajax="false" />
            <br/>
            <p:dataTable id="tableGrupos" value="#{gruposAdminController.grupos}" var="_grupo" style="width: 800px;" sortOrder="ascending" styleClass="centrar">
                <p:column headerText="Id" >
                    #{_grupo.id}
                </p:column>
                <p:column headerText="Nombre" >
                    #{_grupo.nombre}
                </p:column>
                <p:column headerText="Acciones">
                    <p:commandLink value="Editar"
                                   action="#{gruposAdminController.initEdit(_grupo)}"
                                   ajax="false" />
                    <p:spacer width="20"/>
                    <p:commandLink value="Eliminar"
                                   action="#{gruposAdminController.eliminaGrupo(_grupo)}"
                                   process="@this"
                                   update="tableGrupos" >
                        <p:confirm header="Confirmacion" 
                               message="Desea eliminar?" icon="ui-icon-alert" />
                    </p:commandLink>
                    <p:spacer width="20"/>
                    <p:commandLink value="Crear equipo"
                                   process="@this"
                                   action="#{equiposAdminController.initCreate(_grupo)}"
                                   ajax="false" />
                </p:column>
            </p:dataTable>
            <p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
                <p:commandButton value="si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
            </p:confirmDialog>               
        </h:form>
    </ui:define>
</ui:composition>

